<template>
	<view class="container">
		<view class="title">
			<view class="title1" style="width: 750rpx;height: 176rpx;">
				<text>个人中心</text>
			</view>
		</view>
		<!-- 用户信息 -->
		<view class="person">
			<view class="name" style="display: flex;justify-content: space-between; width: 328rpx;height: 96rpx;margin-left: 32rpx;margin-top: 74rpx;">
				<image src="/static/个人中心_slices/yaoqing／img_庭院@2x.png" style="width: 96rpx;height: 96rpx;"></image>
				<view style="width: 212rpx;height: 72rpx;margin-top: 12rpx;">
					<ul style="display: flex;width: 198rpx;height: 36rpx;">
						<li style="font-size: 34rpx;">白乐乐</li>
						<view class="namejob">
							<li style="font-size: 16rpx;margin-top: 2rpx;margin-left: 8rpx;color: rgba(102, 102, 102, 1);">收银员1号</li>
						</view>
					</ul><br>
					<view style="display: flex; margin-top: 8rpx;width: 212rpx;height: 28rpx;">
						<image src="/static/个人中心_slices/Frame@2x.png" style="width: 24rpx;height: 24rpx;margin-top: 2rpx;"></image>
						<text style="font-size: 20rpx;color: rgba(102, 102, 102, 1);margin-left: 8rpx;margin-top: 2rpx">沃尔玛超市平安路店</text>
					</view>
				</view>
			</view>
			<!-- 收益信息 -->
			<view class="summary" style="display: flex; width: 684rpx;height: 76rpx;margin-top: 48rpx;padding:0 32rpx ;">
				<view class="sub-summary">
					<text style="font-size: 20rpx;line-height: 32rpx;color: rgba(102, 102, 102, 1);">今日收益</text>
					<br>
					<text style="font-size: 28rpx;font-weight: bold;line-height: 44rpx; color: rgba(51, 51, 51, 1);">202.00</text>
				</view>
				<view class="sub-summary">
					<text style="font-size: 20rpx;line-height: 32rpx;color: rgba(102, 102, 102, 1);">本月收益</text>
					<br>
					<text style="font-size: 28rpx;font-weight: bold;line-height: 44rpx; color: rgba(51, 51, 51, 1);">5000.00</text>
				</view>
				<view class="sub-summary">
					<text style="font-size: 20rpx;line-height: 32rpx;color: rgba(102, 102, 102, 1);">累计收益</text>
					<br>
					<text style="font-size: 28rpx;font-weight: bold;line-height: 44rpx; color: rgba(51, 51, 51, 1);">20234.00</text>
				</view>
			</view>
			<!-- 余额 -->
			<view style="display: flex;justify-content: space-between; margin-top: 32rpx;width: 686rpx;height: 102rpx;">
				<image src="/static/个人中心_slices/Union.png" mode="aspectFill" style="width: 686rpx;height: 102rpx;z-index: 1;position: absolute;"></image>
				<view style="width: 130rpx;height: 68rpx;margin-left: 32rpx; z-index: 2;position: relative;padding-top: 16rpx;">
					<text style="font-size: 20rpx;line-height: 32rpx; color: rgba(240, 212, 171, 1);">账号余额</text>
					<view style="display: flex;width: 130rpx;height: 44rpx;">
						<text style="font-size: 28rpx;line-height: 44rpx;font-weight: bold;color: rgba(255, 255, 255, 1);">3212.00</text>
						<text style="font-size: 20rpx; color: rgba(255, 255, 255, 1);margin-left: 10rpx;margin-top: 10rpx;">元</text>
					</view>
				</view>
				<button class="btn-submit" >立即提现></button>
			</view>
			<!-- 钱包业绩 -->
			<view style="width: 686rpx;height: 128rpx;display: flex;">
				<view class="wallet">
					<image src="/static/个人中心_slices/收益.png" style="width: 64rpx;height: 64rpx;"></image>
					<text style="font-size: 20rpx;line-height: 36rpx; margin-top: 14rpx;margin-left: 24rpx;color: rgba(51, 51, 51, 1);">我的钱包</text>
				</view>
				<image src="/static/个人中心_slices/Rectangle 827.png" style="width: 5rpx;height: 40rpx;margin-left: 88rpx;margin-top: 44rpx;"></image>
				<view class="results">
					<image src="/static/个人中心_slices/业务统计@2x.png" style="width: 64rpx;height: 64rpx;"></image>
					<text style="font-size: 20rpx;line-height: 36rpx; margin-top: 14rpx;margin-left: 24rpx;color: rgba(51, 51, 51, 1);">我的业绩</text>
				</view>
			</view>
		</view>
		<view class="uniui-settings">
			<uni-list :border="false">
				<uni-list-item showArrow thumb="/static/个人中心_slices/general／icon／提现@2x.png" title="收款码"></uni-list-item>
				<uni-list-item showArrow thumb="/static/个人中心_slices/general／icon／个人信息@2x.png" title="个人信息"></uni-list-item>
				<uni-list-item showArrow thumb="/static/个人中心_slices/general／icon／安全@2x.png" title="账户安全"></uni-list-item>
				<uni-list-item showArrow thumb="/static/个人中心_slices/general／icon／设置@2x.png" title="基本设置"></uni-list-item>
				<uni-list-item showArrow thumb="/static/个人中心_slices/general／icon／关于@2x.png" title="关于我们"></uni-list-item>
			</uni-list>
		</view>
		<!-- <view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		<uni-link :href="href" :text="href"></uni-link> -->
	</view>
</template>

<script>
	// export default {
	// 	data() {
	// 		return {
	// 			href: 'https://uniapp.dcloud.io/component/README?id=uniui'
	// 		}
	// 	},
	// 	methods: {

	// 	}
	// }
</script>

<style>
	.container{
		width: 750rpx;
		height: 1624rpx;
		background: linear-gradient( 180deg, #E3F1FF 1%, #FAFBFB 59%);
	}
	.title{
		width: 750rpx;
		height: 176rpx;
		padding: 110rpx 315rpx 0; 
	}
	.person{
		width: 686rpx;
		height: 560rpx;
		background: linear-gradient( 182deg, #ECF6FF 0%, rgba(255,255,255,0) 100%);
		box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(8,76,150,0.06);
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		border: 2rpx solid;
		border-image: linear-gradient(204deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0)) 2 2;
		margin-top: -120rpx;
		margin-left: 32rpx;
	}
	.namejob{
		width: 88rpx;
		height: 24rpx;
		background: linear-gradient( 231deg, #FCE0B5 0%, #FFEBCF 100%);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		margin-left: 8rpx;
		margin-top:6rpx;
	}
	.sub-summary{
		width: 207rpx;
		height: 76rpx;
	}
	.btn-submit{
		width: 300rpx;
		height: 50rpx;
		font-size: 24rpx;
		color: #F0D4AB;
		line-height: 40rpx;
		background-color: transparent !important;
		border: none !important;
		margin-top: 36rpx;
		margin-right:-50rpx;
		line-height: 1;
		z-index: 2;
		position: relative;
	}
	.wallet{
		display: flex;
		width: 168rpx;
		height: 64rpx;
		margin-left: 86rpx;
		margin-top: 32rpx;
	}
	.results{
		display: flex;
		width: 168rpx;
		height: 64rpx;
		margin-left: 88rpx;
		margin-top: 32rpx;
	}
	.uniui-settings{
		width: 686rpx;
		height: 520rpx;
		background: #FFFFFF;
		margin-top: 32rpx;
		margin-left: 32rpx;
		box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(8,76,150,0.06);
		border-radius: 20rpx 20rpx 20rpx 20rpx;padding-top:20rpx;
	}	
</style>
